inline block也可以横向排列

如果不用float和flex 也可以使用inline-block实现横向排列。

<!-- inline block 也可以横向排列 -->

<div style="background-color: aliceblue;">

  <div style="display: inline-block ;width: 100px ;height: 100px ">AA</div>

  <div style="display: inline-block">BB</div>

  <div style="display: inline-block">CC</div>

  <div style="display: inline-block">DD</div>

</div>